<template>
  <el-switch 
    active-text="开启"
    @change="f1"
    inactive-text="关闭"
    v-model="value1" /> {{ value1 }}
  <hr>
  <el-switch
    v-model="value2"
    class="ml-2"
  />
  <hr>
  <el-checkbox-group v-model="checkList">
    <el-checkbox label="Option A" value="Value A" />
    <el-checkbox label="Option B" value="Value B" />
    <el-checkbox label="Option C" value="Value C" />
    <el-checkbox label="disabled" value="Value disabled" disabled />
    <el-checkbox
      label="selected and disabled"
      value="Value selected and disabled"
      disabled
    />
  </el-checkbox-group>
  {{ checkList }}
</template>

<script setup>
import { ref } from 'vue'

const value1 = ref(true)
const value2 = ref(true)

function f1(e){
  console.log(e);
}

const checkList = ref(['Value C'])
</script>